<template>
	<div class="order-header">
		<div class="lxhrestaurantname"><span>{{msg}}</span></div>
		<div>
			<el-steps :active="stateNum" align-center>
			  <el-step title="订单详情"></el-step>
			  <el-step title="支付"></el-step>
			  <el-step title="确认收货"></el-step>
			  <el-step title="评价"></el-step>
			</el-steps>
		</div>
	</div>
</template>

<script>
	
	export default{
		name:"orderHeader",
		props:['msg','state'],
		computed:{
			stateNum: function(){
				return parseInt(this.state);
			}
		},
		methods:{
			
		}
	}
	
</script>

<style lang="less">
	@import '../../../assets/font/font-1.css';
	.order-header{
		display: flex;
		height: 130px;
		align-items:center;
		:nth-child(1){
			flex: 2;
		}
		:nth-child(2){
			flex: 3;
		}
		.lxhrestaurantname{
			position: relative;
			left: 60px;
			font-family: "font-1";
			font-size: 50px;
			width: 100px;
			color: #ffa63c;
		}
	}
</style>
